<template>
	<scroll-view scroll-x class="index-classify-x-scroll-view">
		<view class="index-classify-x-item" v-for="(data,index) in classifyXList" :key="index" @click="Function(data.type,data.shelf_id,data)">
			<image :src="data.url" mode="widthFix"></image>
		</view>
	</scroll-view>
</template>

<script>
	export default {
		props: {
			classifyXList: {
				type: Array,
				default () {
					return []
				}
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			Function(type,shelf_id,data){
				this.$emit('Function',type,shelf_id,data)
			}
		}
	}
</script>

<style lang="scss">
	.index-classify-x-scroll-view{
		white-space: nowrap;
		.index-classify-x-item{
			display: inline-block;
			width: 225rpx;
			margin-right: 30rpx;
			image{
				width: 225rpx;
				vertical-align: top;
			}
		}
	}
</style>
